<template>
	<view>
		<!-- 头 -->
		<view class="headers_box">
			<view class="logo_word">智慧社区</view>

			<view class="headers_center_box">
				<!-- 左边 -->
				<view class="center_left">
					<!-- <uni-icons type="location" size="17" color="#fff"> -->
					<uni-icons type="location" size="36rpx" color="#fff">
						<span style="font-size: 25rpx; color: #fff;">首尔甜城</span>
					</uni-icons>
				</view>
				<!-- 右边 -->
				<view class="center_right">
					<uni-icons type="search" size="32rpx" class="search_logo"></uni-icons>
					<input placeholder="搜索关键字" class="center_right_input" type="text">

				</view>

			</view>

			<view class="headers_nav_box">
				<view @click="feelive" class="headers_nav_item">

					<view class="nav_item_top logo_1" style="background-color: #4f86ed;">
						<i class="iconfont icon-qian qian"></i>
					</view>
					<view class="nav_item_bot">
						生活缴费
					</view>

				</view>
				<view @click="baoxiu" class="headers_nav_item left_nav">

					<view class="nav_item_top" style="background-color: #71b78b;">
						<i class="iconfont icon-ziyuan qian"></i>
					</view>
					<view class="nav_item_bot">
						物业报修
					</view>
				</view>
				<view class="headers_nav_item left_nav" @click="wenti">

					<view class="nav_item_top" style="background-color: #e39e5e;">
						<i class="iconfont icon-wentifankui qian"></i>
					</view>
					<view class="nav_item_bot">
						问题反馈
					</view>

				</view>
				<view class="headers_nav_item left_nav">

					<view class="nav_item_top" style="background-color: #479cf7;">
						<i class="iconfont icon-xiaoxi1 qian"></i>
					</view>
					<view class="nav_item_bot" @click="bangzhu">
						我要帮助
					</view>

				</view>
			</view>

		</view>
		<!-- 头 -->
		<!-- 身体 -->
		<view class="content_box">

			<view class="content_top_box">
				<view class="content_top_headers">
					<view class="content_top_toutiao"></view>
					<view class="content_top_toutiaoconten" @click="toutiaoangqing">
						关于我行对符合条件的账户阿廖沙酸辣粉
					</view>
					<view @click="toutiaoangqing" class="content_top_right">
						<view class="red_box"> </view>更多<i class="iconfont icon-gengduo"></i>
					</view>
				</view>

				<view class="images_content">

				</view>
			</view>


			<view class="store_content_box">
				<view class="word_logo_store">生活门店</view>
				<view class="word_box_store">
					<view class="word_left_store" @click="feelive"></view>
					<view class="word_right_store" @click="mendian"></view>
				</view>
			</view>

			<view class="content_box_bottom">
				<view class="information_word">资讯 <i class="iconfont icon-gengduo zixunlogo" @click="zixunlist"></i>
				</view>


				<!-- 图标 -->
				<!-- 资讯数据 -->
				<view class="information_item">
					<view class="information_itemword_box">
						<view class="wordinfo">
							关于调整我行ATM跨行现手续费收费标准的公示
						</view>
						<view class="data_yea">
							2021-07-23
						</view>
					</view>
					<view class="info_photo"></view>
				</view>
				<!-- 资讯数据 -->
				<!-- 资讯数据 -->
				<view class="information_item">
					<view class="information_itemword_box">
						<view class="wordinfo">
							关于调整我行ATM跨行现手续费收费标准的公示
						</view>
						<view class="data_yea">
							2021-07-23
						</view>
					</view>
					<view class="info_photo"></view>
				</view>
				<!-- 资讯数据 -->
				<!-- 资讯数据 -->
				<view class="information_item">
					<view class="information_itemword_box">
						<view class="wordinfo">
							关于调整我行ATM跨行现手续费收费标准的公示
						</view>
						<view class="data_yea">
							2021-07-23
						</view>
					</view>
					<view class="info_photo"></view>
				</view>
				<!-- 资讯数据 -->
				<!-- 资讯数据 -->
				<view class="information_item">
					<view class="information_itemword_box">
						<view class="wordinfo">
							关于调整我行ATM跨行现手续费收费标准的公示
						</view>
						<view class="data_yea">
							2021-07-23
						</view>
					</view>
					<view class="info_photo"></view>
				</view>
				<!-- 资讯数据 -->
			</view>

		</view>
		<!-- 身体 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				password: '',
				placeholderStyle: "color:#2979FF;font-size:14px",
			};
		},
		methods: {
			feelive() {
				uni.navigateTo({
					url: '/pages/living_payment/living_payment'
				});

			},
			baoxiu() {
				uni.navigateTo({
					url: '/pages/repairs/repairs'
				});
			},
			wenti() {
				uni.navigateTo({
					url: '/pages/problem/problem'
				});
			},
			bangzhu() {
				uni.navigateTo({
					url: '/pages/message/message'
				});
			},
			toutiaolist() {
				uni.navigateTo({
					url: '/pages/consult/consult'
				});
			},
			mendian() {
				uni.navigateTo({
					url: '/pages/merchant_list/merchant_list'
				});
			},
			zixunlist() {
				uni.navigateTo({
					url: '/pages/consult/consult'
				});
			},
			toutiaoangqing(){
				uni.navigateTo({
					url: '/pages/particulars/particulars'
				});
			}
			
		}
	}
</script>

<style lang="css">
	@import '../../static/css/index.css'
</style>